<template>
    <div class="myaside">
        <el-col :span="22">

            <div class="demo-basic--circle">
                <div class="panel panel-default">
                    <div class="panel-heading">

                        <div class="bg-title">淼淼识别系统</div>

                    </div>
                    <div class="panel-body">
                        <el-avatar :size="100" :src="avatar"></el-avatar>
                    </div>
                    <div class="panel-footer">
                        <a href="http://www.baidu.com">点我百度</a>
                    </div>
                </div>
            </div>
        </el-col>
    </div>
</template>

<script>
    export default {
        name: "Aside",
        data() {
            return {
                avatar: "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3986366078,1066070541&fm=11&gp=0.jpg",
            }
        },
    }
</script>

<style scoped>
    .myaside {
        height: 920px;
    }

    .bg-title {
        font-size: 20px;
    }
</style>